@import "public";
#listDetail{
  .h20 {
    width: 100%;
    .height(20rem);
  }
  .pd-detail {
    width: 100%;
    .height(408rem);
    background: url(../images/detail-bg.png) center no-repeat;
    .backSize(640rem, 408rem);
    overflow: hidden;
    .pdd-money {
      width: 100%;
      .marginTop(85rem);
      p:nth-of-type(1) {
        .fontSize(55rem);
        color: #c6dbfc;
        text-align: center;
        span {
          .fontSize(95rem);
          color: #ffffff;
        }
      }
      p:nth-of-type(2) {
        text-align: center;
        width: 100%;
        .fontSize(24rem);
        color: #c6dbfc;
      }
    }
    .pdd-month {
      width: 50%;
      .marginTop(76rem);
      text-align: center;
      p:nth-of-type(1) {
        color: #ffffff;
      }
      p:nth-of-type(2) {
        color: #c6dbfc;
        .marginTop(8rem);
      }
    }
    .pdd-start {
      width: 50%;
      .marginTop(76rem);
      text-align: center;
      p:nth-of-type(1) {
        color: #ffffff;
      }
      p:nth-of-type(2) {
        color: #c6dbfc;
        .marginTop(8rem);
      }
    }

  }
  .ld-buy{
    width: 100%;
    .height(90rem);
    background-color: @Cred;
    color: #ffffff;
    .lineHeight(90rem);
    .fontSize(34rem);
    text-align: center;
    a{
      width: 100%;
      .height(90rem);
    }
  }
  .pd-introduct {
    .pdi-list {
      .padding(20rem, 26rem, 20rem, 26rem);
      background-color: #ffffff;
      h3 {
        width: 100%;
        .height(70rem);
        .borderBottom(2rem, solid, #dbdbdb);
        .lineHeight(70rem);
        .fontSize(28rem);
        color: #000000;
        .textIndent(60rem);
      }

    }
    .pdi-describe h3 {
      background: url(../images/detail-icon-1.png) left no-repeat no-repeat;
      .backSize(40rem, 40rem);
    }
    .pdi-buy h3 {
      background: url(../images/detail-icon-2.png) left no-repeat no-repeat;
      .backSize(40rem, 40rem);
    }
    .pdi-earn h3 {
      background: url(../images/detail-icon-3.png) left no-repeat no-repeat;
      .backSize(40rem, 40rem);
    }
    .pdi-return h3 {
      background: url(../images/detail-icon-4.png) left no-repeat no-repeat;
      .backSize(40rem, 40rem);
    }
    .pid-word {
      .marginTop(24rem);
      .lineHeight(36rem);
    }
  }
  .pd-btn{
    width: 100%;
    .height(90rem);
    text-align: center;
    .lineHeight(90rem);
    color: #ffffff;
    .fontSize(34rem);
    background-color: #fe5b4c;
    position: fixed;
    bottom: 0;
    left: 0;
    a{
      width: 100%;
      height: 100%;
      display: block;
    }
  }
}